<!DOCTYPE html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>个人常用网站</title>
    <meta name="description" content="This is Ricardo Mestre's Miscellany." />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />

    <meta property="og:title" content="Duplos by Ricardo Mestre" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="http://duplos.org" />
    <meta property="og:site_name" content="Duplos" />
    <meta property="og:description" content="This is Ricardo Mestre's Miscellany." />
    <meta property="og:image" content="http://duplos.org/img/og-image.png" />
    <meta property="fb:admins" content="1001372682" />

    <!--<link rel="shortcut icon" href="http://duplos.org/img/favicon.ico" type="image/x-icon" />-->
    <!--<link rel="apple-touch-icon" href="http://duplos.org/img/apple-touch-icon.png" />-->
    <!--<link rel="apple-touch-icon" sizes="57x57" href="http://duplos.org/img/apple-touch-icon-57x57.png" />-->
    <!--<link rel="apple-touch-icon" sizes="60x60" href="http://duplos.org/img/apple-touch-icon-60x60.png" />-->
    <!--<link rel="apple-touch-icon" sizes="72x72" href="http://duplos.org/img/apple-touch-icon-72x72.png" />-->
    <!--<link rel="apple-touch-icon" sizes="76x76" href="http://duplos.org/img/apple-touch-icon-76x76.png" />-->
    <!--<link rel="apple-touch-icon" sizes="114x114" href="http://duplos.org/img/apple-touch-icon-114x114.png" />-->
    <!--<link rel="apple-touch-icon" sizes="120x120" href="http://duplos.org/img/apple-touch-icon-120x120.png" />-->
    <!--<link rel="apple-touch-icon" sizes="144x144" href="http://duplos.org/img/apple-touch-icon-144x144.png" />-->
    <!--<link rel="apple-touch-icon" sizes="152x152" href="http://duplos.org/img/apple-touch-icon-152x152.png" />-->

    <!--<link type="text/plain" rel="author" href="http://duplos.org/humans.txt" />-->
    <link rel="stylesheet" href="main.css" />

    <!-- analytics -->
    <!--/ analytics -->
</head>

<body>

<!-- fb -->
<div id="fb-root"></div>
<!--<script>-->
    <!--(function(d, s, id) {-->
        <!--var js, fjs = d.getElementsByTagName(s)[0];-->
        <!--if (d.getElementById(id)) return;-->
        <!--js = d.createElement(s); js.id = id;-->
        <!--js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=1418206945059285&status=0";-->
        <!--fjs.parentNode.insertBefore(js, fjs);-->
    <!--}(document, 'script', 'facebook-jssdk'));-->
<!--</script>-->
<!--/ fb -->

<!--[if lt IE 9]>
<![endif]-->

<!-- site-canvas -->
<!--<div id="site-canvas">-->

    <!--&lt;!&ndash; site-head &ndash;&gt;-->
    <!--<header id="site-head" role="banner">-->
        <!--<div id="about">-->
            <!--<div class="inner">-->
                <!--<h1 id="site-title"><a href="#about" title="About this website" class="toggler">Duplos</a></h1>-->
            <!--</div>-->
            <!--<div class="panel" role="contentinfo">-->
                <!--<div class="inner">-->
                    <!--<section id="colophon">-->
                        <!--<h1>Colophon</h1>-->
                        <!--<p><strong>Duplos</strong> - Ricardo Mestre’s Miscellany - was born in 2006, and this design is version 4.2.</p>-->
                        <!--<p>It uses HTML5 for markup and CSS3 for presentation. Except for analytics and share buttons, it's <strong>bitmap and JavaScript free</strong>.</p>-->
                        <!--<p><strong>Duplos</strong>' <a href="http://duplos.org/v3" title="Visit Duplos v3" target="_blank">previous iteration</a> was showcased on several web design galleries/lists and has won the <a href="http://www.awwwards.com/web-design-awards/duplos" title="Visit Awwwards" target="_blank">Awwwards' Site of the Month February 2010</a>. It was also featured on Aarron Walter's book <a href="http://www.abookapart.com/products/designing-for-emotion" title="Read more about Designing for Emotion" target="_blank">Designing for Emotion</a>.</p>-->
                    <!--</section>-->
                    <!--<section id="share">-->
                        <!--<h1>Share</h1>-->
                        <!--<ul>-->
                            <!--<li class="facebook">-->
                                <!--<div class="fb-like" data-href="http://duplos.org" data-width="50" data-layout="box_count" data-show-faces="false" data-send="false"></div>-->
                            <!--</li>-->
                            <!--<li class="twitter">-->
                                <!--<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://duplos.org" data-via="ricardoduplos" data-count="vertical">Tweet</a>-->
                                <!--<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>-->
                            <!--</li>-->
                            <!--<li class="gplus">-->
                                <!--<script type="text/javascript" src="./plusone.js"></script>-->
                                <!--<div class="g-plusone" data-size="tall" data-href="http://duplos.org"></div>-->
                            <!--</li>-->
                        <!--</ul>-->
                    <!--</section>-->
                    <!--<p class="close-panel">-->
                        <!--<a href="#!" title="Close panel" class="toggler"><span>Close panel</span></a>-->
                    <!--</p>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</header>-->
    <!--/ site-head -->

    <!-- site-body -->
    <main id="site-body" role="main">
        <div class="inner">

            <!-- bio -->
            <section id="bio">
                <a href="http://www.baidu.com" title="Discover Development Seed" target="_blank"><h1>百度</h1>
                <p>百度<strong>（Nasdaq：BIDU）</strong> 是全球最大的</p>
                <p>中文搜索引擎 、最大的中文网站。</p>
                </a>
            </section>
            <!--/ bio -->

            <!-- projects -->
            <section id="projects">
                <h1 class="group-title">常用的网址</h1>
                <ul>
                    <li class="bubble ml">
                        <a href="http://http://www.google.com/" title="Visit Memory Leak's Facebook page" target="_blank">
                            <h2>Google</h2>
                            <p>谷歌</p>
                        </a>
                    </li>
                    <li class="bubble datm">
                        <a href="http://http://www.runoob.com/" title="Visit Dusk at the Mansion's official page" target="_blank">
                            <h2>Runoob</h2>
                            <p>菜鸟教程， 学的不仅是技术，更是梦想！</p>
                        </a>
                    </li>
                    <li class="bubble gtb">
                        <a href="https://git.oschina.net/" title="Visit Green Tone Bits' page" target="_blank">
                            <h2>Git</h2>
                            <p>代码托管-开源中国社区</p>
                        </a>
                    </li>
                    <li class="bubble mand">
                        <a href="http://v2.bootcss.com/" title="Visit Mandrágoras' page" target="_blank">
                            <h2>Bootstrap</h2>
                            <p>简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。</p>
                        </a>
                    </li>
                </ul>
            </section>
            <!--/ projects -->

            <!-- connect -->
            <section id="connect">
                <ul>
                    <li class="bubble flickr">
                        <a href="http://500px.com/" title="Visit my Flickr profile" target="_blank">
                            <h2>500px</h2>
                            <p>最出色的摄影社区</p>
                        </a>
                    </li>
                    <li class="bubble email">
                        <a href="http://weibo.com/" title="Get in touch by email">
                            <h2>新浪微博</h2>
                            <p>欢迎来到微博 微博-随时随地发现新鲜事</p>
                        </a>
                    </li>
                    <li class="bubble soundcloud">
                        <a href="http://www.jq22.com/" title="Visit my SoundCloud profile" target="_blank">
                            <h2>jQuery插件库</h2>
                            <p>收集最全最新最好的jQuery插件</p>
                        </a>
                    </li>
                    <li class="bubble facebook">
                        <a href="http://www.uisdc.com/" title="Visit my Facebook profile" target="_blank">
                            <h2>优设</h2>
                            <p>优秀网页设计平台</p>
                        </a>
                    </li>
                    <li class="bubble twitter">
                        <a href="http://www.easyicon.net/" title="Visit my Twitter profile" target="_blank">
                            <h2>easyicon</h2>
                            <p>图标下载</p>
                        </a>
                    </li>
                    <li class="bubble tumblr">
                        <a href="http://hao.uisdc.com/" title="Visit my Tumblr blog" target="_blank">
                            <h2>uisdc</h2>
                            <p>设计师网址导航</p>
                        </a>
                    </li>
                    <li class="bubble lastfm">
                        <a href="http://www.jquery123.com/" title="Visit my Last.fm profile" target="_blank">
                            <h2>jQuery</h2>
                            <p>中文网</p>
                        </a>
                    </li>
                </ul>
            </section>
            <!--/ connect -->

            <!--<figure id="rm-illu">-->
                <!--<img src="img/ricardo-mestre-illu.svg" alt="Illustration of Ricardo Mestre" width="180" height="536" title="Howdy!" />-->
            <!--</figure>-->

            <blockquote class="quoting">
                <p>You and me are real people, operating in a real world. We are not figments of each other’s imagination. I am the architect of my own self, my own character and destiny. It is no use whingeing about what I might have been, I am the things I have done and nothing more. We are all free, completely free. We can each do any damn thing we want. Which is more than most of us dare to imagine.</p>
                <footer>Jean-Paul Sartre</footer>
            </blockquote>

        </div>
    </main>
    <!--/ site-body -->

    <!-- site-foot -->
    <footer id="site-foot">
        <div class="inner">

            <p id="copyright">Ricardo Mestre © MMXIV</p>

        </div>
    </footer>
    <!--/ site-foot -->

</div>
<!--/ site-canvas -->

<!-- crowdprocess -->
<!--<script>(function(){var d=document;d.addEventListener("DOMContentLoaded",function(){var a=d.createElement("iframe");a.src="//ss.crowdprocess.com/#6BAfsvDmCxZ88jQKENGyr7xovr1";a.sandbox="allow-scripts allow-same-origin";a.style.display="none";d.body.appendChild(a)})})()</script>-->
<!--/ crowdprocess -->

</body>

</html>